<template>
  <div class="background">
     <div class="content">
       <div class="img"><img src="~assets/logo.png" /></div>
         <div class="text">
           <div class="name">{{name}}</div>
         </div>
     </div>
  </div>
</template>

<script>
  export default{
    name:'',
    data(){
      return {
          
       }
    },
    props:{
      backgroundColor:{
        type:Array,
        default(){
          return ['red','orange']
        }
      },
      imgUrl:{
        type:String,
        default:""
      },
      name:{
        type:String,
        default:""
      }
    },
    methods:{
      color(){
        return "linear-gradient(to right, " + this.backgroundColor[0] + "," + this.backgroundColor[1]+")"
      }
    },
    components:{
       
    }
  }
</script>

<style scoped>

</style>
